/* -------------------------------------------------------------- 
   
   struct.css
   * 控制布局结构部分的css
      
-------------------------------------------------------------- */
body {background: url(../images/bodybg.gif) repeat-x;	padding:0;	margin:0;font-size: 75%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

form {margin: 0;}

.container {margin: 0;	width:100%;}
#header { margin: 0;height:80px;background: #4E6A81 url(../images/topbglight.gif) no-repeat right 0;color:#fff;	text-decoration:none;}
		.header *{	margin:0;	padding:0;}
		.header a{	color:#fff;    text-decoration:none;}
		.header a:hover{	color:#fff;}

#logo {margin: 0;padding: 0;font-size: 14px;font-weight: 700;color: #fff;position:absolute;	left:15px;	top:30px;}

#main {	background:#fff;    overflow-y: auto;    overflow-x: hidden;}

.topmenu div {    float: left;	height:27px;    margin-left:8px;	line-height:25px;    background: url(../images/topmenuactivetab.gif) repeat-x right -64px;	white-space:nowrap;}
		.topmenu div span {	background: url(../images/topmenuactivetab.gif) repeat-x 0 -64px;	
							margin-right:8px;	_margin-right:4px;	display:block;	text-decoration:none;	padding:0 12px 0 18px;	float:left;	outline:none;}
		.topmenu .current {background: url(../images/topmenuactivetab.gif) repeat-x right 0 ;height:29px;line-height:29px;}
				.topmenu .current span {background: url(../images/topmenuactivetab.gif) repeat-x 0 0 ;	 color:#000;	 font-size:14px;	 font-weight:700;}
				.topmenu .current span a{color:#000;}
		.topmenu .greenbutton{background: url(../images/topmenuactivetab.gif) repeat-x right -90px;margin-left:8px;height:24px;}
				.topmenu .greenbutton span{background: url(../images/topmenuactivetab.gif) repeat-x 0 -90px;height:24px;padding:0 5px 0 12px;}
		.topmenu .blankbutton{   background: url(../images/topmenuactivetab.gif) repeat-x right -114px;	margin: 0px 2px;margin-left:8px;}
				.topmenu .blankbutton span{background: url(../images/topmenuactivetab.gif) repeat-x 0 -114px;height:24px;line-height:27px;padding:0 5px;white-space:nowrap;}
						.topmenu .blankbutton span a{padding:0 5px;}
						
						
.activeWarning .intro{ padding-top:6px}	
.activeWarning .submitBtn{ margin-top:10px}		


			
 .toplinkmenu{
	background:url(../images/onlineservice-bg.gif) no-repeat ;
	height:22px;
	padding:0 0 0 19px;
	margin:1px 8px 10px 0;
	text-align:center;
	width:200px;
}
.toplinkmenu div{
	background:url(../images/onlineservice-bg.gif) no-repeat right 0;
	height:22px;
}
#leftToggler {
    position: absolute;
    overflow: hidden;
    width: 7px;
    cursor: pointer;
    z-index: 99;
	border-right:1px solid #70787B;
    margin-top: 6px;
	_margin-top: 3px;
	height:100%;
}

.openLeft {
	left: 163px;
	background:#6F777A url(../images/arrow-left.gif) no-repeat 1px 50%;
}

.closeLeft {
    background: #6F777A url(../images/arrow-right.gif) no-repeat 1px 50%;
    left: 2px;
}

#leftToggler:hover {
    background-color: #b9c8d4;
}
#sidecontent {
    display: block;
    background: #fff;
    width: 163px;
    position: absolute;
    left: 0;
    padding: 0;
    color: #4e6a81;
    margin-top:6px;

	overflow:hidden;
	overflow-y:auto;
}

.closeLeft #sidecontent {
    display: none;
}

#sidecontent a {
    color: #000;
	text-decoration:none;
}
#sidecontent a.cur {
	background:#6F777A;
	color:#fff;
	font-weight:700;
}

#workground {
    margin-left: 171px;
    margin-top: 6px;
	height:100%;

}
*+html #workground {
    margin-top: 16px;

}
.closeLeft #workground {
    margin-left: 7px
}

/*菜单部分*/
#submenu_goods .section{
	color:#000;
	height:28px;
	line-height:28px;
	display:block;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	background:url(../images/leftmenutitle.gif) repeat-x;
	border-left:1px solid #abbdc8;
	border-right:1px solid #abbdc8;
}
.g_menu_sec .grouplevel_1{
	padding:3px 0 3px 5px;
	border-left:1px solid #bec6ce;
	border-right:1px solid #fff;
	background:#efefef;
}
.g_menu_sec.grouplevel_1:hover{
	background:#efefef
}
.g_menu_sec .grouplevel_2{
	border:0;
	border-left:1px solid #bec6ce;
	border-right:1px solid #fff;
	background:#fff ;
}
.g_menu_sec .grouplevel_2 a{
	border-bottom:1px solid #efefef;
	padding-left:20px;

}
.grouplevel_1{
	color:#369;
	padding:3px 0;
	border-top:1px solid #efefef;
	border-bottom:1px solid #ccc;
	display:block;
	padding-left:5px;
	background:#efefef;
}
.grouplevel_1 .title{
	background:url(../images/sysicon.gif) no-repeat 0 -838px;
	_background:url(../images/sysicon.gif) no-repeat 0 -840px;
	padding-left:13px;
	color:#369
}
.grouplevel_1_withchild{
	color:#888;
}
.grouplevel_2{
	border-left:1px solid #bec6ce;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;	
	background:#fff
}
.grouplevel_2 a{
	display:block;
	padding:3px;
	padding-left:19px;
	margin:0;
	width:90%;
	border-bottom:1px solid #efefef;
}
.grouplevel_2 a:hover{
	background:#FFFFD4;
}

.navBar {
	background:#6F777A;
	color:#fff;
	height:25px;
	line-height:25px;
	margin-top:6px;
}

.finder-filter-body{
	background:#E7EFF4 url(../images/sysrightbackgroud.gif) repeat-x ;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.finder-filter-body table{
	width:auto;
}
.finder-filter-body label{
display:block;
}

/*---------------------------------------------------------------------------------------------------------------
 finder列表的操作区域
 ---------------------------------------------------------------------------------------------------------------*/
.actionBar { /* 提高了actionbar的作用域，作为公用的pannel  */
    line-height: 30px;
	_line-height: 25px;
    background: #EFEFEF;
	border-bottom:3px solid #6F777A;
}
.actionBar td, .actionBar th {
    padding: 0;
}

.actionBar table {
    width:auto;
	margin:0;
}
.finder-common-actionBa td{
    width:10%;
	white-space:nowrap;
}
.actionBarSingleLine { /* 提高了actionbar的作用域，作为公用的pannel  */
    line-height: 30px;
	height:30px;
    background: url(../images/sysrightbackgroud.gif) repeat-x;
    border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}


.actionItems {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #bec6ce;
    margin: 0;
    padding: 0 5px;
}
.actionItems table td{
	width:auto;
	padding:0 0 0 5px;
}
.actionItemsSingleLine {
    padding: 6px 9px 3px 3px;
    border-left: 1px solid #fff;
    border-right: 1px solid #bec6ce;
}

.actionItems h3 {
    color: #999;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

.actionItems .functop{
	padding-top:3px;
}
.actionItems .func{
	padding-top:1px;
}
.actionItems .func selete {
	margin-left:5px;
}
.actionItems .funcTopWrap .func {
     height: 30px;
}

.actionItems .keywords {
    border: 1px solid #ccc;
    width: 75px;
    height: 18px;
}
/*---------------------------------------------------------------------------------------------------------------
 4、操作区域的图标按钮
 ---------------------------------------------------------------------------------------------------------------*/
/*
有图标的按钮样式
*/
.sysiconBtn {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat;
	margin:0;
	padding:0;
    margin:1px 5px 0 0;
	padding:4px 4px 2px 20px;
	line-height:24px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #bec6ce;
    border-bottom: 1px solid #bec6ce;
	outline:none;
	display:inline;
	font-weight: normal;
}
/*
无图标的按钮样式
*/
.sysiconBtnNoIcon {
	margin:0;
	padding:0;
	background: url(../images/functionareabg.gif) 0 -23px; 
    margin-left: 5px;
    padding:4px 4px 2px 4px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #bec6ce;
    border-bottom: 1px solid #bec6ce;
	display:inline;
	font-weight: normal;
}
/*
按钮被按下以后处于编辑状态，无图标样式。具体效果参看在“会员>信息发送管理”
*/
.sysiconBtnNoIcon.editing{
    background:#fff;
    border-top: 1px solid #bec6ce;
    border-left: 1px solid #bec6ce;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
/*
按钮被按下以后处于编辑状态，有图标样式。具体效果参看“finder”列表中的“快速编辑按钮”
*/
.edit.editing{
	background:#fff url(../images/sysicon.gif) no-repeat 2px -41px;
    border-top: 1px solid #bec6ce;
    border-left: 1px solid #bec6ce;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.sysiconBtn:hover {
    color: #f90;
}
.sysiconBtn:active {
    border-top: 1px solid #bec6ce;
    border-left: 1px solid #bec6ce;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.edit {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px -41px;
}

.orderlistedit {
    background: #EDF3F7 url(../images/sysicon.gif) no-repeat 5px -523px;
}

.delete {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px -83px;
}
.recyclebin {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px -786px;
}
.print {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 0px -125px;
}

.addorder {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px 0px;
}

.printtyle {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 0 -165px;
}

.cal {
    background: #EDF3F7 url(../images/sysicon.gif) no-repeat 2px -200px;
    padding-left: 20px;
}

.disabled {
    background: #EDF3F7 url(../images/sysicon.gif) no-repeat 2px -235px;
    text-indent: -99999px;
    padding: 0 5px;
    display: block;
}

.enable {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px -262px;
    text-indent: -99999px;
    padding: 0 5px;
    display: block;
}

.viewRefresh {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px -285px;
    display: block;
    float: right;
    margin: 2px 0 0 8px;
    height: 16px;
    padding-left: 20px;
}
.BtnviewRefresh {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px -285px;
}

.useorder {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px -319px;
}

.bacthedit {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px -355px;
}
.buttonsave {
    background:#EDF3F7 url(../images/sysicon.gif) no-repeat 2px -619px;
}

.arrow-up,.arrow-down,.arrow-left,.arrow-right{
	padding-right:20px;
	background-position: 100% 50%;
	background-repeat: no-repeat;
}
*+html .arrow-down{
	padding:2px 11px 2px 2px;
	margin-top:-5px;
	
}
.arrow-left{
	background-image:url(../images/arrow-left.gif)
}
.arrow-right{
	background-image:url(../images/arrow-right.gif)
}
.borderdown{
    border-top: 1px solid #bec6ce;    border-left: 1px solid #bec6ce;    border-right: 1px solid #fff;    border-bottom: 1px solid #fff;}
.borderup{
    border-top: 1px solid #fff;    border-left: 1px solid #fff;    border-right: 1px solid #bec6ce;    border-bottom: 1px solid #bec6ce;}
/*---------------------------------------------------------------------------------------------------------------
 10、翻页的样式
 ---------------------------------------------------------------------------------------------------------------*/
.pager {
	margin:0;
}
.pager a{
	background:none;
	border:0;
}
.pager a.active{
    border-top: 1px solid #bec6ce;    border-left: 1px solid #bec6ce;    border-right: 1px solid #fff;    border-bottom: 1px solid #fff; background:#fff;}
.pager a{
    border-top: 1px solid #fff;    border-left: 1px solid #fff;    border-right: 1px solid #bec6ce;    border-bottom: 1px solid #bec6ce;}
.buttonaction{ margin:10px 0; text-align:center;}
.footer {
	background:url(../images/functionareabg.gif) 0 40px;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	padding:0 0 8px 0;
	height:20px;
}
.footer .tableAction{
margin:0 auto;
}
.footer .submitBtn{
	height:22px;
}
*+html .footer {
	height:20px;
	line-height:20px;	
}



.formArea{ margin:10px;}
.tableAction {margin: 5px auto;clear: both;	width:auto;}

.tableAction td a {}

.submitBtn {
    float: left;    display: block;    height: 24px;
    margin: 0;    white-space: nowrap;text-decoration: none;	background:#4E6A81;
    border-top: 2px solid #ddd;border-left: 2px solid #ddd;    border-right: 2px solid #000;    border-bottom: 2px solid #000;	cursor:pointer;

}

.submitBtn input, .submitBtn a, .submitBtn button, td .submitBtn a {
    color: #fff;	font-size:14px;	background:#4E6A81;    display: block;
    float: left;    font-family: Arial;    text-align: center;    border: 0;	text-decoration:none;	padding:2px 5px 0px 5px;	font-weight:700;	cursor:pointer;
}

.tableAction td .submitBtn input {border: 0;}


.catlist{margin:10px;}
.catlist select{width:95%; margin:5px;}
.catlist .catlv{margin:0 0 5px 0; padding:5px;}
.catlist .finder table{	margin-bottom:0;}
.catlist .unactive *{	color:#ccc;}
.catlist .navpath{	color:#333;	margin-right:10px;	font-weight:normal;}


#graybox{ background:#000; position:absolute; z-index:1000; left:0;top:0}
#infobox{ position:absolute; z-index:1000; left:30%;top:200px; width:500px; display:none; padding:20px; text-align:left}




.tableform {background:#F0F0F0 none repeat scroll 0 0;border:1px solid #CCCCCC;margin:10px 0;padding:6px;}
.division th{ text-align:right; color:#333333; line-height:28px;}
.valierror {background:#FCEAE8 url(stop.gif) no-repeat scroll 3px 50%;border:1px solid #E6594E;color:#E6594E;display:inline;height:25px;margin:0 5px;padding:3px 5px 3px 21px;text-align:left;white-space:nowrap;}
i{ color:#ff0000; font-weight:bold}

.picbox {
display:inline;
float:left;
margin-left:5px;
width:110px;
}
.pictext {
line-height:24px;
margin:0 auto;
width:30px;
}
.pic {
display:block;
height:100px;
margin:0 auto;
overflow:hidden;
width:100px;
}
a{ color:#336699}
table.finderInform {
    border: 1px solid #efefef;
	width:100%;
	margin:0;
}
.division td .finderInform{
	width:auto;
}

.finderInform thead th {
	background:url(../images/functionareabg.gif);
	border-bottom:1px solid #ccc;
	border-top:1px solid #fff;
	border-right:1px solid #DBE2E7;
	border-left:1px solid #fff;
	padding:1px 3px;
	width:auto;
	text-align:center;
	white-space:nowrap;
	font-size:12px;
	font-weight:700;
}
.finderInform td {
	text-align:center;
	
}
.finderInform tbody td, .finderInform tbody th {
	border-right:1px solid #DBE2E7;
	border-left:1px solid #fff;
	border-bottom:1px solid #ddd;
	border-top:1px solid #fff;
}
.finderInform tbody td{
white-space:normal;
}
.finderInform.tabledata th,
.finderInform.tabledata td {
	text-align:left;
}
.division th, .division td {
border-color:#FFFFFF #DBE2E7 #DDDDDD #FFFFFF;
border-style:solid;
border-width:1px;
padding:5px;
vertical-align:top;
}
.division th {
background:#E2E8EB none repeat scroll 0 0;
border-right:1px solid #CCCCCC;
font-size:14px;
text-align:right;
white-space:nowrap;
width:140px;
}
.optionlevels{
  border:none;
}
.optionlevel_1{
  background:#c9c9c9;
}
.optionlevel_2{
   background:#efefef;
}
.optionlevel_3{
   background:#ffffff;
}

.tab {height:36px;background:url(../images/tab_0.gif)}
.tab ul {line-height:36px;text-align:center;}
.tab ul li {width:64px;display:block;background:url(../images/tab_2.gif);text-indent:8px;letter-spacing:4px;float:left;}
.tab ul li.current {background:url(../images/tab_1.gif);}
.tab ul li a {font-size:14px;font-weight:bold;}
.tab ul li a:hover {}

.color_selector {}
.color_selector ul {}
.color_selector ul li {float:left;width:24px;height:24px;border:1px solid #ccc;margin-right:5px;filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5;}
.color_selector ul li.current {border-color:#333;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
.color_selector ul li span {display:block;height:22px;cursor:pointer;border:1px solid white;}
.color_selector ul li span.black {background-color:black;}
.color_selector ul li span.red {background-color:red;}
.color_selector ul li span.yellow {background-color:yellow;}
.color_selector ul li span.blue {background-color:blue;}
.color_selector ul li span.green {background-color:green;}
.color_selector ul li span.orange {background-color:orange;}
.color_selector ul li span.purple {background-color:purple;}
